import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import home from '@/view/home'
import baseheader from '@/components/base_header'

Vue.use(Router)


export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/home',
      name: 'home',
      component: home
    },
    {
      path: '/base',
      name: 'base',
      component: baseheader
    },
    {
      path: '/mixinsss',
      name: 'mixinsss',
      component: ()=> import('../view/mixinsss.vue'),
      meta: {
        keepAlive: true
      }
    },
    {
      path: '/slots',
      name: 'slots',
      component: ()=> import('../view/slots.vue'),
      meta: {
        keepAlive: true
      }
    },
    {
      path: '/vuetouch',
      name: 'vuetouch',
      component: ()=> import('../view/vueTouch.vue'),
      meta: {
        keepAlive: true
      }
    },
    {
      path: '/vuexlearn',
      name: 'vuexlearn',
      component: ()=> import('../view/vuexLearn.vue'),
      meta: {
        keepAlive: true
      }
    }
  ]
})
